<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米商城- Xiaomi 11 Ultra、Redmi K40 Pro、MIX FOLD，小米电视官方网站</title>
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_3266421_50h0322wnow.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_3423448_syllhx9e12.css">
    <link rel="stylesheet" href="../css/retset.css">
    <link rel="stylesheet" href="../css/xiaomi.css">
    <style>
        * {
            padding: 0;
            margin: 0;
            list-style: none;
        }

        .banner_ {
            width: 992px;
            height: 438px;
            margin-left: 234px;
            overflow: hidden;
            position: relative;
        }

        .banner_ .lun {
            width: 992px;
            height: 438px;
            display: flex;
            position: absolute;
            background-color: rgba(0, 0, 0, 0.5);
            transition: 1;
        }

        .banner_ .lun li {
            width: 992px;
            height: 438px;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 50px;
        }

        .banner_ .lun li img {
            width: 992px;
            height: 480px;
        }

        span {
            position: absolute;
            z-index: 3;
        }

        ol {
            position: absolute;
            width: 100%;
            bottom: 10px;
            display: flex;
            justify-content: end;
        }

        ol li {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background-color: gray;
            margin: 10px;
        }

        .banner_ span {
            position: absolute;
            top: 0;
            bottom: 0;
            margin: auto;
            width: 40px;
            height: 70px;

            color: #fff;
            text-align: center;
            line-height: 70px;
        }

        .banner_ span:hover {
            background-color: rgba(0, 0, 0, .5);
        }

        #next {
            right: 0;
        }
    </style>
</head>

<body>
    <div id="top">
        <div class="top-1">
            <ul>
                <li><a href="">小米商城</a></li>
                <li><a href="">MIUI</a></li>
                <li><a href="">LOT</a></li>
                <li><a href="">云服务</a></li>
                <li><a href="">天星数科</a></li>
                <li><a href="">有品</a></li>
                <li><a href="">小爱开放平台</a></li>
                <li><a href="">企业团购</a></li>
                <li><a href="">资质证照</a></li>
                <li><a href="">协议规则</a></li>
                <li><a href="">下载App</a>
                    <div class="xiaomiApp"><img src="https://i1.mifile.cn/f/i/17/appdownload/download.png?1" alt="">
                    </div>
                </li>
                <li><a href="">Select Location</a></li>
            </ul>
            <dl>
                <dt>
                <dd>
                    <a href="../html/log.html">登录</a>
                </dd>
                <dd>
                    <a href="../html/reg.html">注册</a>
                </dd>
                <dd>
                    <a href="../html/personal.html">消息通知</a>
                </dd>
                <dd class="cart">
                    <i class="iconfont icon-gouwuchekong"></i>
                    <!-- <span class="icon-gouwuchekong"></span> -->
                    <a href="../html/cart.html">购物车(0)</a>
                    <div class="hide1">购物车中还没有商品赶快选购吧!</div>
                </dd>

                </dt>
            </dl>

        </div>

    </div>
    <div id="site-header">
        <div class="container">
            <em><img src="https://s02.mifile.cn/assets/static/image/logo-mi2.png" alt=""></em>
            <ul>
                <li>
                    <a href="">Xiaomi手机</a>
                    <div class="hide">
                        <div class="box">
                            <div class="matter">
                                <a href=""><img
                                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/88ae9b85c5f8fbdae2ea98d58a045e1e.png?thumb=1&w=200&h=138&f=webp&q=90"
                                        alt=""></a>
                                <p><a href="">小米12Pro</a></p>
                                <span><a href="">4699元起</a></span>
                            </div>
                            <div class="matter">
                                <a href=""><img
                                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/02ac31f8d3848f71617e074e8e50879e.png?thumb=1&w=200&h=138&f=webp&q=90"
                                        alt=""></a>
                                <p><a href="">小米12Pro</a></p>
                                <span><a href="">4699元起</a></span>
                            </div>
                            <div class="matter">
                                <a href=""><img
                                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/075d45f17b32b39c98be850a5592bbee.png?thumb=1&w=200&h=138&f=webp&q=90"
                                        alt=""></a>
                                <p><a href="">小米12Pro</a></p>
                                <span><a href="">4699元起</a></span>
                            </div>
                            <div class="matter">
                                <a href=""><img
                                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/8cad77bda138fd94eadbc2ddfced7c56.png?thumb=1&w=200&h=138&f=webp&q=90"
                                        alt=""></a>
                                <p><a href="">小米12Pro</a></p>
                                <span><a href="">4699元起</a></span>
                            </div>

                        </div>
                    </div>
                </li>
                <li><a href="">Redmi红米</a></li>
                <li><a href="">电视</a></li>
                <li><a href="">笔记本</a></li>
                <li><a href="">平板</a></li>
                <li><a href="">家电</a></li>
                <li><a href="">路由器</a></li>
                <li><a href="">服务</a></li>
                <li><a href="">社区</a></li>
            </ul>
            <div class="input">
                <p><a class="input-1 iconfont icon-sousuo" href="../html/list.html"></a></p>

                <input class="input-2" type="search" placeholder="小米笔记本">
                <ul class="result-list">
                    <li><a href="#" style="text-align: start;">全部商品</a></li>
                    <li><a href="#" style="text-align: start;">小米11</a></li>
                    <li><a href="#" style="text-align: start;">小米10S</a></li>
                    <li><a href="#" style="text-align: start;">小米笔记本</a></li>
                    <li><a href="#" style="text-align: start;">小米手机</a></li>
                    <li><a href="#" style="text-align: start;">黑鲨4</a></li>
                    <li><a href="#" style="text-align: start;">空调</a></li>
                </ul>

            </div>
        </div>

    </div>


    <div id="nav">
        <div class="nav-1">
            <ul>
                <li>
                    <a href=""></a>
                </li>
            </ul>
        </div>
    </div>
    <div id="banner">
        <div class="container">

            <ul>
                <li>
                    <a href="">手机<em class="arrows"></em></a>
                    <div class="hide">
                        <div class="details">

                            <div class="list" >
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d8aeccb0bad7f28a44aa89b2ddb51010.png?thumb=1&w=50&h=50&f=webp&q=90"
                                    alt="">
                                <span>红米note11</span>
                            </div>
                            <div class="list" >
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d8aeccb0bad7f28a44aa89b2ddb51010.png?thumb=1&w=50&h=50&f=webp&q=90"
                                    alt="">
                                <span>红米note11</span>
                            </div>
                            <div class="list" >
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d8aeccb0bad7f28a44aa89b2ddb51010.png?thumb=1&w=50&h=50&f=webp&q=90"
                                    alt="">
                                <span>红米note11</span>
                            </div>
                            <div class="list" >
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d8aeccb0bad7f28a44aa89b2ddb51010.png?thumb=1&w=50&h=50&f=webp&q=90"
                                    alt="">
                                <span>红米note11</span>
                            </div>
                            


                        </div>

                     
                    </div>
                </li>
                <li>
                    <a href="">电视<em class="arrows"></em></a>
                    <div class="hide"></div>
                </li>
                <li>
                    <a href="">笔记本 平板<em class="arrows"></em></a>
                    <div class="hide"></div>
                </li>
                <li>
                    <a href="">家电<em class="arrows"></em></a>
                    <div class="hide"></div>
                </li>
                <li>
                    <a href="">出行 穿戴<em class="arrows"></em></a>
                    <div class="hide"></div>
                </li>
                <li>
                    <a href="">智能 路由器<em class="arrows"></em></a>
                    <div class="hide"></div>
                </li>
                <li>
                    <a href="">电源 配件<em class="arrows"></em></a>
                    <div class="hide"></div>
                </li>
                <li>
                    <a href="">健康 儿童<em class="arrows"></em></a>
                    <div class="hide"></div>
                </li>
                <li>
                    <a href="">耳机 音箱<em class="arrows"></em></a>
                    <div class="hide"></div>
                </li>
                <li>
                    <a href="">生活 箱包<em class="arrows"></em></a>
                    <div class="hide"></div>
                </li>
            </ul>
            <div class="banner_">
                <span id="prev"><i class="iconfont icon-zuojiantou" style="font-size: 30px;"></i></span>
                <span id="next"><i class="iconfont icon-youjiantou" style="font-size: 30px;"></i></span>
                <ul class="lun">
                    <li><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/787aa7b48a79ed5411fec2f1854f66bb.jpg?w=2452&h=920"
                            alt=""></li>
                    <li><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/352cd4824f0febc13d079485735af3cf.jpg?thumb=1&w=1533&h=575&f=webp&q=90"
                            alt=""></li>
                    <li><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b717c9c84e44409496e993ed6b526c05.jpg?thumb=1&w=1533&h=575&f=webp&q=90"
                            alt=""></li>
                    <li><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/390ac48ac89b4f8fcde1633eb08d4e9e.jpg?thumb=1&w=1379&h=518&f=webp&q=90"
                            alt=""></li>
                    <li><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/8865491f5880fe849b482603a00d0ccf.jpg?w=2452&h=920"
                            alt=""></li>
                    <li><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c6240d955a94333a05c3ce26817a15c7.jpg?thumb=1&w=1533&h=575&f=webp&q=90"
                            alt=""></li>
                </ul>
                <ol>
                    <li style="background: gray;"></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>

                </ol>
            </div>
        </div>

    </div>


    <div id="stat">
        <div class="span4">
            <ul class="serve">
                <li>
                    <a href=""><img
                            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82abdba456e8caaea5848a0cddce03db.png?w=48&h=48"
                            alt="">
                        <p style="color: #fff;">保障服务</p>
                    </a>

                </li>
                <li>
                    <a href=""><img
                            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/806f2dfb2d27978e33fe3815d3851fa3.png?w=48&h=48"
                            alt="">
                        <p style="color: #fff;">企业团购</p>
                    </a>

                </li>
                <li>
                    <a href=""><img
                            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/eded6fa3b897a058163e2485532c4f10.png?w=48&h=48"
                            alt="">
                        <p style="color: #fff;">F码通道</p>
                    </a>

                </li>
                <li>
                    <a href=""><img
                            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/43a3195efa6a3cc7662efed8e7abe8bf.png?w=48&h=48"
                            alt="">
                        <p style="color: #fff;">米粉卡</p>
                    </a>

                </li>
                <li>
                    <a href=""><img
                            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/f4846bca6010a0deb9f85464409862af.png?w=48&h=48"
                            alt="">
                        <p style="color: #fff;">以旧换新</p>
                    </a>

                </li>
                <li>
                    <a href=""><img
                            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9a76d7636b08e0988efb4fc384ae497b.png?w=48&h=48"
                            alt="">
                        <p style="color: #fff;">话费充值</p>
                    </a>

                </li>


            </ul>
            <ul class="serve-1">
                <li>
                    <a href=""><img
                            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0ab8e5096ac6f08bd632e4d5a15d1792.jpg?w=632&h=340"
                            alt=""></a>
                </li>
                <li>
                    <a href=""><img
                            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c5f019908e21571fe48fdad0ebf79249.jpg?w=632&h=340"
                            alt=""></a>
                </li>
                <li>
                    <a href=""><img
                            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/28c13d0d11b38ec17fa5d83bc6ba5912.jpg?w=632&h=340"
                            alt=""></a>
                </li>
            </ul>
        </div>

    </div>
    <div id="middle">
        <div class="middle-1">
            <a href=""><img
                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b2a3468c474addf9140a21cc77a87d5c.jpeg?thumb=1&w=1533&h=150&f=webp&q=90"
                    alt=""></a>
        </div>
    </div>
    <!-- 手机 -->
    <div id="phone">
        <div class="numberphone">
            <h3>手机<span><a href="https://www.mi.com/p/1915.html">查看更多<i
                            class="iconfont icon-icon_jinrujiantouxiao"></i></a></span></h3>
            <p class="k50"><img
                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ac5cafc68c10ce4471869d378f594b52.png?thumb=1&w=293&h=768&f=webp&q=90"
                    alt=""></p>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/211bb83776a8e0c8358732c3f3aa2864.png?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>Xiaomi CiVi 1S</h4>
                <p class="js">原生美肌人像|奇迹阳光动人新色</p>
                <p class="money">2299元起</p>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/5713971c4bb6512743dfd06023080268.png?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>Redmi 10A</h4>
                <p class="js">大电量、大音量、大屏幕</p>
                <p class="money">649元起</p>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/7fccce9e65aff2d7c913e40f4bee1b0b.png?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>Redmi K50pro</h4>
                <p class="js">2k直屏的狠旗舰</p>
                <p class="money">2999元起</p>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0bcd64f412dfb5e15695fa96d21ecb23.png?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>Redmi k50</h4>
                <p class="js">2k直屏的狠旗舰</p>
                <p class="money">2399元起</p>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d764150a470174741d8b0b04515f7a78.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>Redmi K40S</h4>
                <p class="js">口碑真旗舰</p>
                <p class="money">1799元起</p>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/18d2099cb0b05bbd23cb1915dfc9d0d6.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>Redmi K50电竞版</h4>
                <p class="js">全线拉满得冷血旗舰</p>
                <p class="money">2999元起</p>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/28c14106b688ac7ae88e761564789b37.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>xiaomi 12Pro</h4>
                <p class="js">全新晓龙|2kLED屏幕</p>
                <p class="money">4699元起</p>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/28febc579eaea6b07c96c0ec48b89f7a.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>Xiao mi12</h4>
                <p class="js">全新晓龙|2kLED屏幕</p>
                <p class="money">3699元起</p>
            </div>
        </div>
    </div>
    <div id="phone">
        <div class="numberphone">
            <h3>智能穿戴<span><a href="">热门</a></span><span><a href="">穿戴</a></span></h3>
            <p class="k50"><img
                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9895c56a7b792fb9053e3085fc261072.jpg?thumb=1&w=293&h=768&f=webp&q=90"
                    alt=""></p>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b8259e8fb355acf168c66f75d375c6af.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>Xiaomi Watch S1</h4>
                <p class="js">腕事具备</p>
                <p class="money">1099元起</p>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0b271a074e087848357aa61ae665b214.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>Xiaomi Watch S1</h4>
                <p class="js">腕事具备</p>
                <p class="money">1099元起</p>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/f84503dbf5adbdf17111c61d4a7cf893.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>Xiaomi Watch S1</h4>
                <p class="js">腕事具备</p>
                <p class="money">1099元起</p>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b28153b80cb2c67564608e56d5c2f3f3.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>Xiaomi Watch S1</h4>
                <p class="js">腕事具备</p>
                <p class="money">1099元起</p>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0cc4e8e58d7288cd8dff13b98bdc3ea8.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>Xiaomi Watch S1</h4>
                <p class="js">腕事具备</p>
                <p class="money">1099元起</p>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/11570d5371f16d2d9b19f504e09d01f0.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>Xiaomi Watch S1</h4>
                <p class="js">腕事具备</p>
                <p class="money">1099元起</p>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2fcf24e40ff09a254857ac8b4ace25b8.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>Xiaomi Watch S1</h4>
                <p class="js">腕事具备</p>
                <p class="money">1099元起</p>
            </div>
            <div class="phone-2">
                <div class="watch">
                    <h5>Redmi Buds 3</h5>
                    <p class="youth">青春版</p>
                    <p class="money-1">99元</p>
                </div>
                <p class="watch-pic"><a href=""><img
                            src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1593760429.60123984.jpg"
                            alt=""></a></p>
            </div>

            <div class="phone-3">
                <div class="redmiwatch">
                    <h5>浏览更多</h5>
                    <p class="hotfloor">热门</p>
                </div>
                <p class="watch-1"><a href=""><i class="iconfont icon-icon_jinrujiantouxiao"></i></a></p>
            </div>
        </div>
    </div>
    <div id="phone">
        <div class="numberphone">
            <h3>笔记本|平板<span><a href="">热门</a></span></h3>
            <p class="k50"><img
                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e9896934bb657c3dd0c548952eb27481.jpg?thumb=1&w=293&h=768&f=webp&q=90"
                    alt=""></p>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0f8abb2bc3947c4679e3f1b2aafc28c0.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>Redmi Book 15 2022</h4>
                <p class="js">全新12代英特尔处理器</p>
                <p class="money">5599元起</p>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/68637deb3ab9cecdc7805c7154e79683.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>Redmi Book 15 2022</h4>
                <p class="js">全新12代英特尔处理器</p>
                <p class="money">5599元起</p>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/01d9571051a91e540e5c644fa60cc858.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>Redmi Book 15 2022</h4>
                <p class="js">全新12代英特尔处理器</p>
                <p class="money">5599元起</p>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b60f8c50789c123c11e060e7b283a315.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>Redmi Book 15 2022</h4>
                <p class="js">全新12代英特尔处理器</p>
                <p class="money">5599元起</p>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e3c300330221ad788569e4fb1e6f932f.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>Redmi Book 15 2022</h4>
                <p class="js">全新12代英特尔处理器</p>
                <p class="money">5599元起</p>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ed0541d2337dc4fff6e52c2b7f162fe5.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>小米平板5 Pro</h4>
                <p class="js">11英寸大屏|2.5k超清显示</p>
                <p class="money">2499元起</p>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/01d9571051a91e540e5c644fa60cc858.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>Redmi Book 15 2022</h4>
                <p class="js">全新12代英特尔处理器</p>
                <p class="money">5599元起</p>
            </div>
            <div class="phone-2">
                <div class="watch">
                    <h5>Redmi显示器</h5>
                    <p class="youth">23.8英寸</p>
                    <p class="money-1">699元</p>
                </div>
                <p class="watch-pic"><a href=""><img
                            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/7c37478d8b3b553ba0a50adaec2fc775.png?thumb=1&w=125&h=125&f=webp&q=90"
                            alt=""></a></p>
            </div>

            <div class="phone-3">
                <div class="redmiwatch">
                    <h5>浏览更多</h5>
                    <p class="hotfloor">热门</p>
                </div>
                <p class="watch-1"><a href=""><i class="iconfont icon-icon_jinrujiantouxiao"></i></a></p>
            </div>
        </div>
    </div>
    <div id="phone01">
        <div class="numberphone01">
            <h3>家电<span><a href="">热门</a></span><span><a href="">影音</a></span></h3>
            <div class="phone-1-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3d47879ec183e25a36e67e0219636e60.jpg?thumb=1&w=293&h=375&f=webp&q=90"
                        alt=""></a>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82ff5ea76730fdf6f91aba5d3b2e5739.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>小米电视6 65"OLED</h4>
                <p class="js">OLED自发光屏|百万级对比度|4.6m</p>
                <p class="money">6699元起</p>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c7c15101f2c8a652a4a0d069501d1e53.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>小米电视6 65"OLED</h4>
                <p class="js">OLED自发光屏|百万级对比度|4.6m</p>
                <p class="money">6699元起</p>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/388b13bf52ab0d6a56bc9f195b5f1dd5.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>小米电视6 65"OLED</h4>
                <p class="js">OLED自发光屏|百万级对比度|4.6m</p>
                <p class="money">6699元起</p>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0191ae995e33faedb3362abaa7a486d1.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>小米电视6 65"OLED</h4>
                <p class="js">OLED自发光屏|百万级对比度|4.6m</p>
                <p class="money">6699元起</p>
            </div>
            <div class="phone-1-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/229bbaccda43f32f464c0a810b800106.jpg?thumb=1&w=293&h=375&f=webp&q=90"
                        alt=""></a>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/db032eeb9e8efe9551161ee18bf70d3f.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>米家波轮洗衣机 10kg</h4>
                <p class="js">高品质洗护 省水省电</p>
                <p class="money">1099元起</p>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/050a724309c945e0ffef3fb633069b49.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>米家波轮洗衣机 10kg</h4>
                <p class="js">高品质洗护 省水省电</p>
                <p class="money">1099元起</p>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/608a47f5d655fc1372de67ee2f7b1c43.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>米家波轮洗衣机 10kg</h4>
                <p class="js">高品质洗护 省水省电</p>
                <p class="money">1099元起</p>
            </div>
            <div class="phone-2">
                <div class="watch">
                    <h5>米家全自动波</h5>
                    <p class="youth">轮洗衣机8kg</p>
                    <p class="money-1">799元</p>
                </div>
                <p class="watch-pic"><a href=""><img
                            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b649a329983ad590fde607472f73e55a.jpg?thumb=1&w=125&h=125&f=webp&q=90"
                            alt=""></a></p>
            </div>

            <div class="phone-3">
                <div class="redmiwatch">
                    <h5>浏览更多</h5>
                    <p class="hotfloor">热门</p>
                </div>
                <p class="watch-1"><a href=""><i class="iconfont icon-icon_jinrujiantouxiao"></i></a></p>
            </div>
        </div>
    </div>
    <div id="phone01">
        <div class="numberphone01">
            <h3>生活电器<span><a href="">扫地机</a></span><span><a href="">空净</a></span><span><a href="">清洁</a></span><span><a
                        href="">风扇</a></span></h3>
            <div class="phone-1-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/37973c4bedc27bae38e1b1758ed4b318.png?thumb=1&w=293&h=375&f=webp&q=90"
                        alt=""></a>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/35b5669b506219fe7252ac5fa9baa1b5.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>小米电视6 65"OLED</h4>
                <p class="js">OLED自发光屏|百万级对比度|4.6m</p>
                <p class="money">6699元起</p>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/61074d24c93da07f76f756b0a160a99e.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>小米电视6 65"OLED</h4>
                <p class="js">OLED自发光屏|百万级对比度|4.6m</p>
                <p class="money">6699元起</p>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/5ca7c7fcce9da361df977e162ca37452.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>小米电视6 65"OLED</h4>
                <p class="js">OLED自发光屏|百万级对比度|4.6m</p>
                <p class="money">6699元起</p>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/7826279526dcce1e5a8b2eff2fa49784.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>小米电视6 65"OLED</h4>
                <p class="js">OLED自发光屏|百万级对比度|4.6m</p>
                <p class="money">6699元起</p>
            </div>
            <div class="phone-1-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d51103fe64d90aca747a6d753beae293.jpeg?thumb=1&w=293&h=375&f=webp&q=90"
                        alt=""></a>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b03d716905ebd84a813d1fd91906a1b5.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>米家波轮洗衣机 10kg</h4>
                <p class="js">高品质洗护 省水省电</p>
                <p class="money">1099元起</p>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/86be1c24911e305729ae8710f23b9c8b.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>米家波轮洗衣机 10kg</h4>
                <p class="js">高品质洗护 省水省电</p>
                <p class="money">1099元起</p>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3d910c9c340274064a1e784e1d371ce5.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>米家波轮洗衣机 10kg</h4>
                <p class="js">高品质洗护 省水省电</p>
                <p class="money">1099元起</p>
            </div>
            <!-- <div class="phone-2">
                <div class="watch">
                    <h5>米家全自动波</h5>
                    <p class="youth">轮洗衣机8kg</p>
                    <p class="money-1">799元</p>
                </div>
                <p class="watch-pic"><a href=""><img src="../images/洗衣机3.png" alt=""></a></p>
            </div> -->

            <div class="phone-3">
                <div class="redmiwatch">
                    <h5>浏览更多</h5>
                    <p class="hotfloor">热门</p>
                </div>
                <p class="watch-1"><a href=""><i class="iconfont icon-icon_jinrujiantouxiao"></i></a></p>
            </div>
        </div>
    </div>
    <div id="middle">
        <div class="middle-1">
            <a href=""><img
                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c87048d0758ef9dd31ac9554432a6ccd.jpg?thumb=1&w=1533&h=150&f=webp&q=90"
                    alt=""></a>
        </div>
    </div>
    <div id="phone01">
        <div class="numberphone01">
            <h3>厨房电器<span><a href="">微蒸烤</a></span><span><a href="">电饭煲</a></span></span><span><a
                        href="">烟灶</a></span><span><a href="">净水器</a></h3>
            <div class="phone-1-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d0a92bc19df74c4da59563206321320a.jpg?thumb=1&w=293&h=375&f=webp&q=90"
                        alt=""></a>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/1889916871e84f151975bb83014ea61f.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>小米电视6 65"OLED</h4>
                <p class="js">OLED自发光屏|百万级对比度|4.6m</p>
                <p class="money">6699元起</p>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/1c5909c8e91f871efaf94e2159b6f85e.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>小米电视6 65"OLED</h4>
                <p class="js">OLED自发光屏|百万级对比度|4.6m</p>
                <p class="money">6699元起</p>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6594e9856ed024575434d7d81d86e868.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>小米电视6 65"OLED</h4>
                <p class="js">OLED自发光屏|百万级对比度|4.6m</p>
                <p class="money">6699元起</p>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c09841227b58f4e0271ec9086753e6a1.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>小米电视6 65"OLED</h4>
                <p class="js">OLED自发光屏|百万级对比度|4.6m</p>
                <p class="money">6699元起</p>
            </div>
            <div class="phone-1-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/00c61477413eb05a67b1ec032a148121.png?thumb=1&w=293&h=375&f=webp&q=90"
                        alt=""></a>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/5fa153eaa084af41915d0c57454f1b9f.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>米家波轮洗衣机 10kg</h4>
                <p class="js">高品质洗护 省水省电</p>
                <p class="money">1099元起</p>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/56e5787a790241420afb782e01477b93.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>米家波轮洗衣机 10kg</h4>
                <p class="js">高品质洗护 省水省电</p>
                <p class="money">1099元起</p>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/67ec9efd02e20d10c890dc3fa6a4b9eb.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>米家波轮洗衣机 10kg</h4>
                <p class="js">高品质洗护 省水省电</p>
                <p class="money">1099元起</p>
            </div>
            <div class="phone-2">
                <div class="watch">
                    <h5>米家全自动波</h5>
                    <p class="youth">轮洗衣机8kg</p>
                    <p class="money-1">799元</p>
                </div>
                <p class="watch-pic"><a href=""><img
                            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c8ba0ef28028462e78e6741b537d4f08.jpg?thumb=1&w=125&h=125&f=webp&q=90"
                            alt=""></a></p>
            </div>

            <div class="phone-3">
                <div class="redmiwatch">
                    <h5>浏览更多</h5>
                    <p class="hotfloor">热门</p>
                </div>
                <p class="watch-1"><a href=""><i class="iconfont icon-icon_jinrujiantouxiao"></i></a></p>
            </div>
        </div>
    </div>
    <div id="phone01">
        <div class="numberphone01">
            <h3>智能家居<span><a href="">智能设备</a></span><span><a href="">路由器</a></span></span><span><a
                        href="">门锁</a></span><span><a href="">小爱音箱</a></h3>
            <div class="phone-1-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ec383d223d9f38f442268df684c526f6.png?thumb=1&w=293&h=375&f=webp&q=90"
                        alt=""></a>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/74f5975a77c6d9fcf67e294c47561994.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>小米电视6 65"OLED</h4>
                <p class="js">OLED自发光屏|百万级对比度|4.6m</p>
                <p class="money">6699元起</p>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/65c6018d393e8d860f638a394d3826bf.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>小米电视6 65"OLED</h4>
                <p class="js">OLED自发光屏|百万级对比度|4.6m</p>
                <p class="money">6699元起</p>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/068940a89c1c35a9924cb64c762879fe.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>小米电视6 65"OLED</h4>
                <p class="js">OLED自发光屏|百万级对比度|4.6m</p>
                <p class="money">6699元起</p>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/564855bb23318db932d11a64b8053917.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>小米电视6 65"OLED</h4>
                <p class="js">OLED自发光屏|百万级对比度|4.6m</p>
                <p class="money">6699元起</p>
            </div>
            <div class="phone-1-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/bb9761c5b49e21b4d5aa03e7ddaf1a09.png?thumb=1&w=293&h=375&f=webp&q=90"
                        alt=""></a>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/bd2c99ad0113f0cb8420f06d99e0c989.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>米家波轮洗衣机 10kg</h4>
                <p class="js">高品质洗护 省水省电</p>
                <p class="money">1099元起</p>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/7fe0a1143670e2b37e4beb91c8b0d717.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>米家波轮洗衣机 10kg</h4>
                <p class="js">高品质洗护 省水省电</p>
                <p class="money">1099元起</p>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/08142700e816eee56a84dd8b87e86b55.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>米家波轮洗衣机 10kg</h4>
                <p class="js">高品质洗护 省水省电</p>
                <p class="money">1099元起</p>
            </div>
            <div class="phone-2">
                <div class="watch">
                    <h5>米家全自动波</h5>
                    <p class="youth">轮洗衣机8kg</p>
                    <p class="money-1">799元</p>
                </div>
                <p class="watch-pic"><a href=""><img
                            src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-miapp-a1/804c0c0f-c8af-78a1-c2fd-c845d104242a.jpg?thumb=1&w=125&h=125"
                            alt=""></a></p>
            </div>

            <div class="phone-3">
                <div class="redmiwatch">
                    <h5>浏览更多</h5>
                    <p class="hotfloor">热门</p>
                </div>
                <p class="watch-1"><a href=""><i class="iconfont icon-icon_jinrujiantouxiao"></i></a></p>
            </div>
        </div>
    </div>
    <div id="phone01">
        <div class="numberphone01">
            <h3>运动出行<span><a href="">出行工具</a></span><span><a href="">箱包配饰</a></span><span><a
                        href="">运动健身</a></span><span><a href="">平衡车/滑板车</a></span></h3>
            <div class="phone-1-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/84fef78042e4056ea589474196780d4e.jpg?thumb=1&w=293&h=375&f=webp&q=90"
                        alt=""></a>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-miapp-a1/T1r_x_BgLT1RXrhCrK.jpg?thumb=1&w=250&h=250"
                        alt=""></a>
                <h4>小米电视6 65"OLED</h4>
                <p class="js">OLED自发光屏|百万级对比度|4.6m</p>
                <p class="money">6699元起</p>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/223f9f2c0f9765851adff89e43db65f0.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>小米电视6 65"OLED</h4>
                <p class="js">OLED自发光屏|百万级对比度|4.6m</p>
                <p class="money">6699元起</p>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-miapp-a1/877d3ce8-68ab-7506-2a78-55a8c0fba946.png?thumb=1&w=250&h=250"
                        alt=""></a>
                <h4>小米电视6 65"OLED</h4>
                <p class="js">OLED自发光屏|百万级对比度|4.6m</p>
                <p class="money">6699元起</p>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3622a82de99a8a3ee1aeb2b2b7586209.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>小米电视6 65"OLED</h4>
                <p class="js">OLED自发光屏|百万级对比度|4.6m</p>
                <p class="money">6699元起</p>
            </div>
            <div class="phone-1-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ecce1c0d981037e58cfa281a06122249.jpg?thumb=1&w=293&h=375&f=webp&q=90"
                        alt=""></a>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/aabf1a475043266cf4759ec58d0f679c.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>米家波轮洗衣机 10kg</h4>
                <p class="js">高品质洗护 省水省电</p>
                <p class="money">1099元起</p>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/609d0a457c7f8ac27d76f953c8acb7fc.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>米家波轮洗衣机 10kg</h4>
                <p class="js">高品质洗护 省水省电</p>
                <p class="money">1099元起</p>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/fcc87477432d45a0e13a544cd5d7b2f5.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>米家波轮洗衣机 10kg</h4>
                <p class="js">高品质洗护 省水省电</p>
                <p class="money">1099元起</p>
            </div>
            <!-- <div class="phone-2">
                <div class="watch">
                    <h5>米家全自动波</h5>
                    <p class="youth">轮洗衣机8kg</p>
                    <p class="money-1">799元</p>
                </div>
                <p class="watch-pic"><a href=""><img src="../images/洗衣机3.png" alt=""></a></p>
            </div> -->

            <div class="phone-3">
                <div class="redmiwatch">
                    <h5>浏览更多</h5>
                    <p class="hotfloor">热门</p>
                </div>
                <p class="watch-1"><a href=""><i class="iconfont icon-icon_jinrujiantouxiao"></i></a></p>
            </div>
        </div>
    </div>
    <div id="middle">
        <div class="middle-1">
            <a href=""><img
                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/88e35cffc82cd98cd53172460067af17.jpg?thumb=1&w=1533&h=150&f=webp&q=90"
                    alt=""></a>
        </div>
    </div>
    <div id="phone01">
        <div class="numberphone01">
            <h3>日用百货<span><a href="">家具床品</a></span><span><a href="">儿童用品</a></span><span><a
                        href="">电源/线材</a></span><span><a href="">个护健康</a></span></h3>
            <div class="phone-1-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c5769bd53177a9301113f799fdc8511d.jpg?thumb=1&w=293&h=375&f=webp&q=90"
                        alt=""></a>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ad7080408a1434b90f824f50293b89.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>小米电视6 65"OLED</h4>
                <p class="js">OLED自发光屏|百万级对比度|4.6m</p>
                <p class="money">6699元起</p>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b5566da4f82e730c21bc8d85b3819f7b.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>小米电视6 65"OLED</h4>
                <p class="js">OLED自发光屏|百万级对比度|4.6m</p>
                <p class="money">6699元起</p>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/4cd18c61d5786df7dfb4a8927d83da66.jpg?thumb=1&w=250&h=250&f=webp&q=90"></a>
                <h4>小米电视6 65"OLED</h4>
                <p class="js">OLED自发光屏|百万级对比度|4.6m</p>
                <p class="money">6699元起</p>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/cccefe4c39329ec01b587d114f64eab5.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>小米电视6 65"OLED</h4>
                <p class="js">OLED自发光屏|百万级对比度|4.6m</p>
                <p class="money">6699元起</p>
            </div>
            <div class="phone-1-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/65950f83f429f2a05125bea297d8df6b.jpg?thumb=1&w=293&h=375&f=webp&q=90"
                        alt=""></a>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/7676cd481892743762484613df962606.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>米家波轮洗衣机 10kg</h4>
                <p class="js">高品质洗护 省水省电</p>
                <p class="money">1099元起</p>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a2e6100cb09462515a939caf8bbe56ab.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>米家波轮洗衣机 10kg</h4>
                <p class="js">高品质洗护 省水省电</p>
                <p class="money">1099元起</p>
            </div>
            <div class="phone-1">
                <a href=""><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/161335ac42176491d4e98986c6b9de68.jpg?thumb=1&w=250&h=250&f=webp&q=90"
                        alt=""></a>
                <h4>米家波轮洗衣机 10kg</h4>
                <p class="js">高品质洗护 省水省电</p>
                <p class="money">1099元起</p>
            </div>
            <div class="phone-2">
                <div class="watch">
                    <h5>米家全自动波</h5>
                    <p class="youth">轮洗衣机8kg</p>
                    <p class="money-1">799元</p>
                </div>
                <p class="watch-pic"><a href=""><img
                            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/5afc0b5d19db30a62ed15b5435008033.jpg?thumb=1&w=125&h=125&f=webp&q=90"
                            alt=""></a></p>
            </div>

            <div class="phone-3">
                <div class="redmiwatch">
                    <h5>浏览更多</h5>
                    <p class="hotfloor">热门</p>
                </div>
                <p class="watch-1"><a href=""><i class="iconfont icon-icon_jinrujiantouxiao"></i></a></p>
            </div>
        </div>
    </div>
    <div id="video">
        <div class="frequency">
            <h3>视频<span><a href="">查看全部<i class="iconfont icon-icon_jinrujiantouxiao"></i></a></span></h3>
            <ul>
                <li>
                    <a href=""><img
                            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e74c4ff741bcdfc5b28a48a43e4edc6d.jpg?thumb=1&w=370&h=225&f=webp&q=90"
                            alt=""></a>
                    <p class="leijun"><a href="">2021年春季新品发布会</a></p>
                </li>
            </ul>
            <ul>
                <li>
                    <a href=""><img
                            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/101b19aca4bb489bcef0f503e44ec866.jpg?thumb=1&w=370&h=225&f=webp&q=90"
                            alt=""></a>
                    <p class="leijun"><a href="">2021年春季新品发布会</a></p>
                </li>
            </ul>
            <ul>
                <li>
                    <a href=""><img
                            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/96563e75833ba4563bd469dd28203b09.jpg?thumb=1&w=370&h=225&f=webp&q=90"
                            alt=""></a>
                    <p class="leijun"><a href="">2021年春季新品发布会</a></p>
                </li>
            </ul>
            <ul>
                <li>
                    <a href=""><img
                            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2fd26bb99b723337a2f8eaba84f7d5bb.jpg?thumb=1&w=370&h=225&f=webp&q=90"
                            alt=""></a>
                </li>
                <p class="leijun"><a href="">2021年春季新品发布会</a></p>
            </ul>


        </div>
    </div>
    <div id="tool">
        <i class="iconfont icon-shouji">
            <p><a href="">手机App</a></p>
        </i>
        <i class="iconfont icon-gerenzhongxin">
            <p><a href="https://www.mi.com/user/portal">个人中心</a></p>
        </i>
        <i class="iconfont icon-shouhoufuwu">
            <p><a href="https://www.mi.com/service/aftersale/front">售后服务</a></p>
        </i>
        <i class="iconfont icon-rengongrenwu">
            <p><a href="">人工客服</a></p>
        </i>
        <i class="iconfont icon-gouwuchekong">
            <p><a href="https://www.mi.com/buy/cart">购物车</a></p>
        </i>
    </div>

    <div id="footer">
        <div class="footer-service">
            <ul class="list-service clearfix">
                <li class="first"><a href="" class="iconfont icon-weixiubaoyang">预约维修项目</a></li>
                <li><a href="" class="iconfont icon-7tianbaotuihuan"></a>7天无理由退货</a></li>
                <li><a href="" class="iconfont icon-tianbaotui">15天免费换货</a></li>
                <li><a href="" class="iconfont icon-baoyou">满69元包邮</a></li>
                <li><a href="" class="iconfont icon-dizhi">520余家售后网点</a></li>
            </ul>
        </div>
        <div class="footer-links">
            <dl class="col-links">
                <dt>帮助中心</dt>
                <dd style="color: #757575;margin: 10px 0 0;font-size: 12px;"><a href="">账户管理</a></dd>
                <dd><a href="">购物指南</a></dd>
                <dd><a href="">订单操作</a></dd>
            </dl>
            <dl class="col-links">
                <dt>服务支持</dt>
                <dd><a href="">售后政策</a></dd>
                <dd><a href="">自助服务</a></dd>
                <dd><a href="">相关下载</a></dd>
            </dl>
            <dl class="col-links">
                <dt>线下门店</dt>
                <dd><a href="">小米之家</a></dd>
                <dd><a href="">服务网点</a></dd>
                <dd><a href="">授权体验店/专区</a></dd>
            </dl>
            <dl class="col-links">
                <dt>关于小米</dt>
                <dd><a href="">了解小米</a></dd>
                <dd><a href="">加入小米</a></dd>
                <dd><a href="">投资者关系</a></dd>
                <dd><a href="">企业社会责任</a></dd>
                <dd><a href="">廉洁举报</a></dd>
            </dl>
            <dl class="col-links">
                <dt>关注我们</dt>
                <dd><a href="">新浪微博</a></dd>
                <dd><a href="">官方微信</a></dd>
                <dd><a href="">联系我们</a></dd>
                <dd><a href="">公益基金会</a></dd>
            </dl>
            <dl class="col-links">
                <dt>特色服务</dt>
                <dd><a href="">F码通道</a></dd>
                <dd><a href="">礼物码</a></dd>
                <dd><a href="">防伪查询</a></dd>
            </dl>
            <div class="col-contact">
                <p class="phone">400-100-5678</p>
                <p>8:00-18:00（仅收市话费）</p>
                <a rel="nofollow" class="btn btn-line-primary btn-small J_contactBtn"> <i class="iconfont icon-duanxin"
                        style="color: #ff6700;"></i> 人工客服 </a>
                <div class="follow">
                    关注小米
                    <a href="https://weibo.com/xiaomishangcheng" target="_blank" class="wb"></a>
                </div>
            </div>
        </div>
    </div>
    <div id="site-info">
        <div class="container">
            <div class="logo ir"></div>
            <div class="info-text">
                <p class="sites"><a rel="nofollow" href="//www.mi.com/index.html" target="_blank">小米商城</a> <span
                        class="sep">|</span> <a rel="nofollow" href="//www.miui.com/" target="_blank">MIUI</a> <span
                        class="sep">|</span> <a rel="nofollow" href="//home.mi.com/index.html" target="_blank">米家</a>
                    <span class="sep">|</span> <a rel="nofollow" href="http://www.miliao.com/" target="_blank">米聊</a>
                    <span class="sep">|</span> <a rel="nofollow" href="//www.duokan.com/" target="_blank">多看</a> <span
                        class="sep">|</span> <a rel="nofollow" href="//game.xiaomi.com/" target="_blank">游戏</a> <span
                        class="sep">|</span> <a rel="nofollow"
                        href="//b.mi.com/?client_id=180100031058&amp;masid=17409.0358" target="_blank">政企服务</a> <span
                        class="sep">|</span> <a rel="nofollow" href="//xiaomi.tmall.com/" target="_blank">小米天猫店</a>
                    <span class="sep">|</span> <a rel="nofollow" href="//privacy.mi.com/all/zh_CN/"
                        target="_blank">小米集团隐私政策</a> <span class="sep">|</span> <a rel="nofollow"
                        href="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/f516fe9e2c01.html" target="_blank">小米公司儿童信息保护规则</a>
                    <span class="sep">|</span> <a rel="nofollow" href="//m.mi.com/support/module?id=63&amp;headless=1"
                        target="_blank">小米商城隐私政策</a> <span class="sep">|</span> <a rel="nofollow"
                        href="//www.mi.com/aptitude/list?id=62" target="_blank">小米商城用户协议</a> <span class="sep">|</span>
                    <a rel="nofollow" href="//static.mi.com/feedback/" target="_blank">问题反馈</a> <span
                        class="sep">|</span> <a rel="nofollow" href="javascript:void(0);"
                        class="J_siteGlobalRegion">Select Location</a>
                </p>
                <p class="sites"><a rel="nofollow" href="http://www.mi.com/beihu" target="_blank">北京互联网法院法律服务工作站</a>
                    <span class="sep">|</span> <a rel="nofollow" href="http://www.cca.org.cn/"
                        target="_blank">中国消费者协会</a> <span class="sep">|</span> <a rel="nofollow"
                        href="http://www.bj315.org/" target="_blank">北京市消费者协会</a>
                </p>
                <p>
                    ©
                    <a href="javascript:;" target="_blank" title="mi.com">mi.com</a> 京ICP证110507号
                    <a href="http://beian.miit.gov.cn/" target="_blank" rel="nofollow">京ICP备10046444号</a> <a
                        rel="nofollow"
                        href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802020134"
                        target="_blank">京公网安备11010802020134号</a> <a href="//www.mi.com/culture-license/"
                        target="_blank">京网文[2020]0276-042号</a> <br> <a href="//www.mi.com/medical/record/"
                        target="_blank">（京）网械平台备字（2018）第00005号</a> <a href="//www.mi.com/medical/qualification/"
                        target="_blank">互联网药品信息服务资格证 (京)-非经营性-2014-0090</a> <a href="//www.mi.com/business-license/"
                        target="_blank">营业执照</a> <a href="//www.mi.com/medical/list/" target="_blank">医疗器械质量公告</a> <br>
                    <a href="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e0c7d4cf3b7cd88de10196e30c92e020.png"
                        target="_blank">增值电信业务许可证</a>&nbsp;网络食品经营备案 京食药网食备202010048 &nbsp;
                    <a href="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c6859168166651511897f54fa1047fe3.png"
                        target="_blank">食品经营许可证</a> <br>
                    违法和不良信息举报电话：171-5104-4404&nbsp;<a href="https://www.mi.com/intellectual"
                        target="_blank">知识产权侵权投诉</a>&nbsp;本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
                </p>
            </div>
            <div class="info-links"><a rel="nofollow"
                    href="//privacy.truste.com/privacy-seal/validation?rid=4fc28a8c-6822-4980-9c4b-9fdc69b94eb8&amp;lang=zh-cn"
                    target="_blank"><img rel="nofollow" src="//i1.mifile.cn/f/i/17/site/truste.png"
                        alt="TRUSTe Privacy Certification"></a> <a rel="nofollow"
                    href="//search.szfw.org/cert/l/CX20120926001783002010" target="_blank"><img rel="nofollow"
                        src="//s01.mifile.cn/i/v-logo-2.png" alt="诚信网站"></a> <a
                    id="_xinchacharenzheng_cert_vip_kexinweb" rel="nofollow"
                    href="//xyt.xinchacha.com/pcinfo?sn=523009637759455232&amp;certType=6" target="_blank"><img
                        rel="nofollow" src="//xyt.xinchacha.com/img/icon/icon3.png" alt="可信网站"></a> <a rel="nofollow"
                    href="//www.mi.com/service/buy/commitment/" target="_blank"><img rel="nofollow"
                        src="//i8.mifile.cn/b2c-mimall-media/ba10428a4f9495ac310fd0b5e0cf8370.png"
                        alt="诚信经营 放心消费"></a><a rel="nofollow"
                    href="https://webcert.cnmstl.net/cert/grade?sn=3af21034e35011eab3ea00163e068ceb"
                    class="safe-auth J_safeAuth                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              "><img
                        rel="nofollow"
                        src="https://cnbj1.fds.api.xiaomi.com/b2c-misite-activity/f1ee261b96ae71e845efba398efeca02.png"
                        class="img1"><img rel="nofollow"
                        src="https://cnbj1.fds.api.xiaomi.com/b2c-misite-activity/1cf9235c7dd1b1f8bf40721bfa8cb793.png"
                        class="img2"></a></div>
            <div class="slogan ir">探索黑科技，小米为发烧而生</div>
            <div class="slogan-bottom">让全球每个人都可以享受科技带来的美好生活</div>
        </div>
    </div>


    <script>
        // 小米轮播图
        // 获取对象
        var obanner_ = document.querySelector('.banner_');
        var oPrev = obanner_.querySelector('#prev');
        var oNext = obanner_.querySelector('#next');
        var oUl = obanner_.querySelector('.lun');
        var oDots = obanner_.querySelectorAll('ol li');
        // 显示第几张图片
        var index = 0;
        // 定时器
        var t;
        // 自动播放  --- 每隔1s播放下一张
        autoPlay()
        // 上翻页
        oPrev.onclick = function () {
            clearInterval(t);
            index--;
            if (index === -1) {
                index = oDots.length - 1;
            }
            show()
            autoPlay();
        }
        // 下翻页
        oNext.onclick = function () {
            clearInterval(t);
            index++;
            if (index === oDots.length) {
                index = 0;
            }
            show()
            autoPlay();
        }


        // 小原点
        // 循环事件
        for (var i = 0; i < oDots.length; i++) {
            // 绑定自定义属性
            oDots[i].index = i;
            oDots[i].onclick = function () {
                clearInterval(t);
                // 
                index = this.index;
                show();
                autoPlay()
            }
        }
        // 封装函数显示对应的照片
        function show() {
            // 显示对应那一张图片
            oUl.style.left = -index * 992 + 'px';
            for (var i = 0; i < oDots.length; i++) {
                oDots[i].style.background = 'white';

            }
            oDots[index].style.background = 'gray';
        }
        // 封装函数定时器每张图片切换的时间
        function autoPlay() {
            t = setInterval(function () {
                index++;
                if (index === oDots.length) {
                    index = 0;
                }
                show()
            }, 3000)
        }
        // 小米搜索框
        // 1. 获取元素   input 
        let search = document.querySelector('input')
        let list = document.querySelector('.result-list')
        let sousuo = document.querySelector('p')
        console.log(sousuo);

        // 2. 事件监听 获得光标事件  focus
        search.addEventListener('focus', function () {
            // 显示下拉菜单
            list.style.display = 'block'
            // 文本框变色
            this.classList.add('search')


        })
        // 3. 事件监听 失去光标事件  blur
        search.addEventListener('blur', function () {
            // 隐藏下拉菜单
            list.style.display = 'none'
            // 文本框去色
            this.classList.remove('search')
        })



    </script>




</body>

</html>